// pages/home/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        titleList: {}, //对象类型 单个数据
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(params) {
        let {id} = params
        wx.request({ //调用微信小程S序的网络请求Api
            url: `https://tea.qingnian8.com/api/qingnews/detail/${id}`, //地址
            data: {
                cid: 50,
                id: id
            }, //请求参数
            method: 'GET', //请求方法
            header: {
                'access-key': "879172" // 默认值
            },
            success: (res) => { //请求成功的回调函数
                // 1. 获取原始富文本内容
                let nansil = res.data.data.content
                //console.log( res.data.data.content);
                // 2. replace在字符串中替换匹配的内容 加/g实现全局替换
                let handledContent = nansil.replace(/<img/g, '<img class="rich-img"');
                this.setData({ //更新页面的数据
                    titleList: {
                        ...res.data.data,
                        content: handledContent
                      }
                })
                //处理本地存储的id 如果id存在
                if (id) {
                    console.log('当前的id', id);
                    //从本地存储中获取浏览的id列表 没有就初始化一个空数组
                    let viewId = wx.getStorageSync('viewDetailId') || []
                    if (!viewId.includes(id)) { //检查id是否在列表中 没有就添加
                        //存储的最大数量
                        const maxLength = 20
                        const newViewIds = [...viewId, id].slice(0, maxLength)
                        //存入本地存储
                        wx.setStorageSync('viewDetailId', newViewIds)
                        console.log("已将id存入本地存储", id);
                    }
                }

            }
        })

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})